<template>
	<xbd-pages-content title="通讯录">
		<template #content>
			<view class="search-list">
				<uni-easyinput v-model="value" placeholder="请输入人员姓名" placeholderStyle="color: #999999;"></uni-easyinput>
				<uni-list :border="false">
					<mail-personnel-list>
						<template #default>
							<image class="search-img" src="@/static/images/common/search_999.svg" mode=""></image>
						</template>
					</mail-personnel-list>
				</uni-list>
			</view>
		</template>
	</xbd-pages-content>
</template>

<script>
	import MailPersonnelList from '@/components/maillist/MailPersonnelList.vue';
	export default {
		data() {
			return {
				value: ''
			};
		},
		components: {
			MailPersonnelList
		}
	}
</script>

<style lang="scss" scoped>
	::v-deep .uni-easyinput__content {
		min-height: 32px;
	}
	.search-list {
		padding: 20px 50rpx;
		
		background-color: #FFFFFF;
		
		box-sizing: border-box;
		.uni-easyinput {
			margin-bottom: 30px;
		}
		.mail-personnel-list {
			border-bottom: 1px dashed #EEEEEE;
		}
		.search-img {
			width: 32rpx;
			height: 32rpx;
			margin-right: 10px;
		}
	}
</style>
